<template>
  <view class="content">
    <view class="basics">
      <view class="basics_t">
        <ul>
        	<li>
            <text>照片</text>
            <image src="/static/headPhtot.jpg" mode=""></image>
          </li>
        	<li>
            <view>
              <text class="red">*</text>
              <text>姓名</text>
            </view>
            <text>爆炸帅</text>
          </li>
        	<li>
           <view>
             <text class="red">*</text>
             <text>手机号</text>
           </view>
            <text>15390731797</text>
          </li>
        	<li>
            <view>
              <text class="red">*</text>
              <text>性别</text>
            </view>
            <view>
              <text>男 </text>
              <text class="select"> ></text>
            </view>
          </li>
        	<li>
            <view>
              <text class="red">*</text>
              <text>出生日期</text>
            </view>
           <view>
             <text>1998-10-07</text>
             <text class="select"> ></text>
           </view>
          </li>
        	<li>
            <text>工作经验</text>
            <view>
              <text>一年经验 </text>
              <text class="select"> ></text>
            </view>
          </li>
        	<li>
            <text>求职状态</text>
            <view>
              <text>已离职 </text>
              <text class="select"> ></text>
            </view>
          </li>
        	<li>
            <text>最高学历</text>
            <view>
              <text>本科 </text>
              <text class="select"> ></text>
            </view>
          </li>
        	<li>
            <text>专业</text>
            <text>UI设计</text>
          </li>
        </ul>
      </view>
      <view class="basics_b">
        <ul>
        	<li>
            <text>籍贯</text>
            <text>江西赣州</text>
          </li>
        	<li>
            <text>现居住地</text>
            <text>江西省赣州市龙南县</text>
          </li>
        	<li>
            <text>政治面貌</text>
            <view>
              <text>群众 </text>
              <text class="select"> ></text>
            </view>
          </li>
        	<li>
            <text>个人邮箱</text>
            <text>123456789@163.com</text>
          </li>
        	<li>
            <text>籍自我评价</text>
            <text></text>
          </li>
          <textarea placeholder="自我飞翔，敢于挑战" />
        </ul>
      </view>
      
      <view class="experience">
        <view class="head">
          <view class="tit">
            工作经历
          </view>
        </view>
        <view class="uName">
            <text>赣州市创锋科技有限公司</text>
            <text>2015.08~2018.08</text>
        </view>
        <view class="info">
          <view class="info_tit">
            UI设计师
          </view>
          <view class="info_b">
            项目介绍：1.负责网站的视觉、移动应用APP设计工作；<br/>
            2.负责移动应用APP UI资源设计，包括图形、图标等，
            对UI的风格进行整体的规划设计，维护和整理UI资源工
            作参与分析用户需求，产出创新专业的UI界面；<br/>
            3.提出创新专业的UI交互设计，引导落实优质的用户体
            验界面；<br/>
            4.完成领导交代的其他平面设计任务  
          </view>
        </view>
      </view>
      
      <view class="education">
        <view class="title">
          <view class="title_b">教育经历</view>
        </view>
        <view class="info">
          <view class="university">
            江西理工大学
          </view>
          <view class="info_b">
            <view class="info_b_l">
              <text>大专</text>
              <text>网络信息与技术</text>
            </view>
            <view class="info_b_r">
              2015-2018
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      
    }
  }
}
</script>

<style lang="scss" scoped>
  .red {
    color: red;
  }
  .content {
    background-color: #F1F1F1;
    .basics {
      margin: 10rpx 0;
      .basics_t,
      .basics_b {
        width: 750rpx;
        padding: 0 20rpx;
        background-color: #fff;
          ul li, {
          box-sizing: content-box;
          padding: 30rpx 0;
          font-size:28rpx;
          font-weight:500;
          color:rgba(51,51,51,1);
          display: flex;
          align-items: center;
          justify-content: space-between;
          border-bottom: 1px solid #DDDDDD;
          font-size:28rpx;
          font-weight:500;
          color:rgba(51,51,51,1);
          image {
            width: 120rpx;
            height: 120rpx;
            border-radius: 50%;
          }
          .select {
            color: #DDDDDD;
            font-size: 35rpx;
            margin-left: 2rpx;
          }
        }
        li:nth-child(1){
          padding: 20rpx 0;
        }
        textarea {
          height: 240rpx;
        }
     }
     .basics_b {
       margin-top: 10rpx;
       background-color: #fff;
     }
    }
    
     .experience {
       background-color: #FFFFFF;
       margin-top: 10rpx;
       .head {
         padding: 0 25rpx;
         .tit {
            height: 66rpx;
            border-bottom: 1px solid #DDDDDD;
            line-height: 66rpx;
            font-size:30rpx;
            font-weight:500;
            color:rgba(51,51,51,1);
          }
       }
       .uName {
         height: 86rpx;
         line-height: 86rpx;
         padding: 0 25rpx 0 43rpx;
         display: flex;
         justify-content: space-between;
         font-size:28rpx;
         font-weight:bold;
         color:rgba(51,51,51,1);
         text:nth-child(2) {
           font-size:24rpx;
           font-weight:500;
           color:rgba(153,153,153,1);
         }
       }
       .info {
         padding: 0 77rpx 25rpx 42rpx;
         .info_tit {
           font-size:28rpx;
           font-weight:500;
           color:rgba(51,51,51,1);
         }
         .info_b {
           margin-top: 24rpx;
           font-size:26rpx;
           font-weight:500;
           color:rgba(153,153,153,1);
         }
       }
     }
     
     .education {
       margin-top: 10rpx;
       background-color: #fff;
       .title {
         padding: 0 25rpx;
         .title_b {
           height: 66rpx;
           line-height: 66rpx;
           font-size:30rpx;
           font-weight:500;
           color:rgba(51,51,51,1);
           border-bottom: 1px solid #DDDDDD;
         }
       }
       .info {
         padding: 27rpx 21rpx 36rpx 42rpx;
         .university {
           font-size:28rpx;
           font-weight:500;
           color:rgba(51,51,51,1);
         }
         .info_b {
           margin-top: 10rpx;
           display: flex;
           justify-content: space-between;
           .info_b_l {
             font-size:26rpx;
             font-weight:500;
             color:rgba(153,153,153,1);
             text:nth-child(2) {
               margin-left: 14rpx;
             }
           }
           .info_b_r {
             font-size:26rpx;
             font-weight:500;
             color:rgba(153,153,153,1);
           }
         }
       }
     }
     
  }
</style>
